<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../static/css/be_current.css"></link>
    <link rel="stylesheet" href="../static/css/login.css">
</head>
<body class="flex h-screen bg-gray-100 bg-cover bg-center" style="background-image: url('../static/image/img1.jpeg');">
    <div class="m-auto w-full max-w-xs">

        <!-- 登录表单内容 -->
        <form class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4" method="post">
            <div class="mb-4">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="username">
                    用户名
                </label>
                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="username" type="text" placeholder="请输入用户名" name="user">
            </div>
            <div class="mb-6">
                <label class="block text-gray-700 text-sm font-bold mb-2" for="password">
                    密码
                </label>
                <input class="shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 mb-3 leading-tight focus:outline-none focus:shadow-outline" id="password" type="password" placeholder="请输入密码" name="pwd">
            </div>
            <div class="flex items-center justify-between">
                <input class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline" type="submit" value="登录">
                <a href="/register" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline">
                    注册
                </a>
            </div>

            <span>{{msg}}</span>
        </form>

        <p class="text-center text-gray-500 text-xs">
            &copy;2024 新零售配送优化. All rights reserved.
        </p>

    </div>
</body>
</html>
